@import url("~assets/less/index.less");
@import url("~assets/less/vant-form.less");

.daytime {
  background: #fff;
  color: black;
}

.active1 {
  background: #121212;
  color: #fff;
}

.darknight {
  background: #191B27 !important;
  color: #fff;

  /deep/.van-cell {
    background-color: #000000 !important;
  }

  /deep/.van-field__control {
    color: #DDE2EC !important;
  }

  /deep/.van-tabs__nav--card {
    border-color: #000000 !important;
  }

  /deep/.van-tab--active {
    background-color: #000000 !important;
    color: #fff !important;
    border-color: #000000 !important;

  }

  /deep/.van-tab--active .van-tab__text--ellipsis {
    color: #fff !important;

  }

  /deep/.van-tab__text--ellipsis {
    color: #fff;
  }

  /deep/.van-button {
    background-color: #000000 !important;
    border-color: #000000 !important;
  }
}

.dark_li_color {
  /deep/.van-field__control {
    color: #DDE2EC !important;
  }

  background-color: #000000 !important;
  color: #fff !important;
}

.white {
  color: #fff !important;
}

.withdraw-currency_mod {
  min-height: 100vh;
  background-color: #F3F3F3;

  &_box {

    &_way-of-deposit {
      background-color: @white;

      .van-cell {
        padding: 12px;
        background-color: transparent;
        font-family: Roboto-Regular, Roboto;

        .van-cell__title {
          display: flex;
          align-items: center;

          img {
            width: 24px;
            margin-right: 12px;
          }

          span {
            font-size: 16px;
            color: #1A1A1A;
          }
        }

        .van-cell__value,
        .van-icon {
          font-size: 12px;
        }
      }
    }

    &_currency-type {
      background-color: @white;
      padding: 10px;

      .van-tabs {
        border-radius: 4px;
      }

      /deep/.van-tabs__wrap {
        &>div {
          margin: 0;
        }
      }
    }

    &_currency-content {
      padding: 12px;

      &-form {
        margin-bottom: 12px;

        p {
          font-family: Roboto-Regular, Roboto;
          font-weight: 400;
          color: #878999;
          margin-bottom: 8px;
        }

        .van-cell {
          height: 48px;
          border-radius: 4px;
          line-height: 25px;
        }

        .desc {
          margin-top: 8px;
          text-align: right;

          span {
            &:first-child {
              color: #878999;
            }

            &:nth-child(2) {

              color: #1A1A1A;
            }
          }
        }
      }
    }
  }
}